<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<table id="goodsLidt_table">
				<tr>
					<td>id</td>
					<td>商品名</td>
					<td>价格</td>
				</tr>
				
				<tr v-for="item in goodsList">
					<td>{{item.id}}</td>
					<td>{{item.name}}</td>
					<td>{{item.price}}</td>
				</tr>
			</table>
		</div>	
		
		<script>
			let app =new Vue({
				el:"#app",
				data:{
					goodsList:[
							{id: 1, name: "比特币", price: 253556.51},
							{id: 2, name: "狗狗币", price: 2.25},
							{id: 3, name: "达世币DASH", price: 1352.96},
							{id: 4, name: "柚子", price: 39.95},
							{id: 4, name: "莱特币", price: 1255.98},
						]
				}
			});
			
		</script>
	</body>
</html>
